<template>
    <div class="login">
            <div class="topLayout">
                <img src="../../../assets/images/login/leftArrow.png" alt="">
                <span class="text">登录</span>
            </div>
            <login-mobile class="loginMobile"></login-mobile>
            <other-login class="otherLogin"></other-login>
    <!-- <div style="height: 1000px;"></div> ff -->

    </div>

</template>

<script>
import loginMobile from "@/components/Login/LoginMobile"
import otherLogin from "@/components/Login/OtherLogin"

export default {
    data() {
        return {
            
        }
    },
    components:{
        loginMobile:loginMobile,
        otherLogin:otherLogin,

    }
}
</script>

<style lang="less" scoped>
.login{
    width: 100%;
    height: 100%;
    color:#eff6f7;
    .topLayout{
        width: 100%;
        position: relative;
        img{
            width: 0.2rem;
            height: 0.36rem;
            margin-top: 1rem;
            margin-left: 0.3rem;
        }
        .text{
            display: inline-block;
            width: 1rem;
            height: 0.4rem;
            line-height: 0.4rem;
            text-align: center;
            // border: 1px solid red;
            color: #333333;
            font-size: 0.36rem;
            margin-top: 1rem;
            position: absolute;
            left: 50%;
            margin-left: -0.5rem;
        }

    }
}
</style>

